<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="keywords" content="web前端，F2E，web前端个人简历，前端开发" />
    <meta name="description" content="李宁言的web前端工程师个人简历">
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/jquery.fullPage.css" />
    <link rel="stylesheet" href="css/component.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/font-awesome.css">
                        
    <title>web前端工程师简历</title>
</head>
<body>
<!-- header navigation -->
<header>
    <div id="logo">
        <div id="header_img"><img src="img/logo.jpg" alt="" /></div>
        <div id="header_p">
            <p id="header_p1">F2E</p>
            <p id="header_p2">个人简历</p>
        </div>
    </div>
    <nav>
        <ul>
            <li><a href="#page1"><b>首页</b></a></li>
            <li><a href="#page2"><b>关于我</b></a></li>
            <li><a href="#page3"><b>专业技能</b></a></li>
            <li><a href="#page4"><b>我的作品</b></a></li>
            <li><a href="#page5"><b>联系我</b></a></li>
        </ul>
    </nav>
</header>
<!-- header navigation end -->
<!-- aside navigation -->
<aside>
        <a href="#page1"><b>首页</b></a>
        <a href="#page2"><b>关于我</b></a>
        <a href="#page3"><b>专业技能</b></a>
        <a href="#page4"><b>我的作品</b></a>
        <a href="#page5"><b>联系我</b></a>
</aside>
<!-- aside navigation end -->
<!-- home page -->
<div id="dowebok">
    <!-- home -->
    <div class="section one">
        <div id="home">
            <div id="home_content">
                <div id="home_head">
                    <div id="home_head_content">
                        <img src="img/photo1.jpg" id="home_photo1" alt="" />
                        <img src="img/photo2.jpg" id="home_photo2" alt="" />
                    </div>
                </div>
                <div id="home_info">
                    <p id="home_info1">生活是一种绵延不绝的渴望,渴望不断上升,变得更伟大而高贵。</p>
                    <div id="home_info_box">
                        <p id="home_info2">我叫李宁言</p>
                        <p id="home_info3">21岁</p>
                        <p id="home_info4">一名前端工程师</p>
                        <p id="home_info5">15138243293@163.com</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- home end -->
    <!-- about -->
    <div class="section two">
        <div id="about">
            <div id="about_content">
                <div class="title">
                    <h1>关于我</h1>
                </div>
                <div id="about_list_content">
                    <div class="about_list">
                        <div class="about_list_eg" id="about_en_age">age</div>
                        <div class="about_list_cn" id="about_cn_age">年龄<p>21岁</p></div>
                    </div>
                    <div class="about_list">
                        <div class="about_list_eg" id="about_en_loc">location</div>
                        <div class="about_list_cn" id="about_cn_loc">坐标<p>北京</p></div>
                    </div>
                    <div class="about_list">
                        <div class="about_list_eg" id="about_en_sta">status</div>
                        <div class="about_list_cn" id="about_cn_sta">状态<p>离职</p></div>
                    </div>
                    <div class="about_list" id="about_list1">
                        <div class="about_list_eg" id="about_en_edu">salary</div>
                        <div class="about_list_cn" id="about_cn_edu">目标<p>5k~7k</p></div>
                    </div>
                </div>
                <div id="about_info">
                    <p style="bottom: -200px;">
                        <!-- 2014年毕业于四川工商学院，现就职于成都兰途网络科技有限公司 -->
                    </p>
                    <p style="bottom:-200px;">
                        喜欢优雅的代码，代码强迫症患者
                    </p>
                    <p style="bottom: -200px;">
                        BootStrap  AngularJS  
                    </p>
                    <p style="bottom: -200px;">
                        层出不穷的框架让人兴奋，而不同框架背后的思路却在逐渐统一
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- about end -->
    <!-- skill -->
    <div class="section three">
        <div id="skill">
            <div id="skill_content">
                <div class="title">
                    <h1>专业技能</h1>
                </div>
                <div id="skill_info">
                    <p>前端的学习需要持之以恒，知识深度与广度都很重要。而前端开发的重中之重就是原生javascript的理解，而如今的思路必需有模块化，组件化，工程化
                    </p>
                </div>
                <div id="skill_list">
                    <div class="skill_list_content" id="skill_list2">
                        <div class="skill_icon" id="skill_icon2"></div>
                        <div class="skill_name">HTML</div>
                        <div class="skill_flag"></div>
                        <div class="skill_int" id="skill_int2">
                            <ul>
                                <li>深刻理解Web标准</li>
                                <li>熟练运用html标签</li>
                                <li>熟悉xml及xhtml标记语言</li>
                                <li>掌握html5,canvas,video新特性</li>
                            </ul>
                        </div>
                    </div>
                    <div class="skill_list_content" id="skill_list3">
                        <div class="skill_icon" id="skill_icon3"></div>
                        <div class="skill_name">CSS</div>
                        <div class="skill_flag"></div>
                        <div class="skill_int" id="skill_int3">
                            <ul>
                                <li>熟练运用css及css3新属性</li>
                                <li>注重浏览器兼容性，熟悉常见的css hack（兼容至IE8）</li>
                                <li>掌握bootstrap框架及源码的实现</li>
                                <li>掌握css预编译器Less及Sass</li>
                            </ul>
                        </div>
                    </div>
                    <div class="skill_list_content" id="skill_list4">
                        <div class="skill_icon" id="skill_icon4"></div>
                        <div class="skill_name">JavaScript</div>
                        <div class="skill_flag"></div>
                        <div class="skill_int" id="skill_int4">
                            <ul>
                                <li>掌握原生JS的编程</li>
                                <li>注重JavaScript性能优化</li>
                            </ul>
                        </div>
                    </div>
                    <div class="skill_list_content" id="skill_list1">
                        <div class="skill_icon" id="skill_icon1"></div>
                        <div class="skill_name">Jquery</div>
                        <div class="skill_flag"></div>
                        <div class="skill_int" id="skill_int1">
                            <ul>
                                <li>熟练运用Jquery处理移动端的模块开发</li>
                                <li>模块组件化</li>
                                <li>了解双绑的背后实现</li>
                                <li>熟练的指令编写</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- skill end -->
    
    <!-- demo -->
    <div class="section four">
        <div id="demo">
            <div id="demo_content">
                <div class="title">
                    <h1>我的作品</h1>
                </div>
                <div id="demo_content_list">
                    <ul class="demo_box">
                        <li class="demo_scale">
                            <div class="demo_box_content">
                                <div class="demo_box_hover">
                                    <p class="demo_box_title">汽车头条</p>
                                    <span class="demo_box_hover_icon">
                                        <a href="http://liningyan.oschina.io/qichetoutiao " target="_blank" class="demo_box_link">
                                            <img src="img/demo-link.png" alt="" />
                                        </a>
                                    </span>
                                </div>
                                <img src="img/qichetoutiao.png" alt="" class="demo_box_bg"/>
                            </div>
                        </li>
                        <li class="demo_scale">
                            <div class="demo_box_content">
                                <div class="demo_box_hover">
                                    <p class="demo_box_title">小米官网</p>
                                    <span class="demo_box_hover_icon">
                                        <a href="http://liningyan.oschina.io/xiaomi" target="_blank" class="demo_box_link">
                                            <img src="img/demo-link.png" alt="" />
                                        </a>
                                    </span>
                                </div>
                                <img src="img/xiaomi.png" alt="" class="demo_box_bg"/>
                            </div>
                        </li>
                        <li class="demo_scale">
                            <div class="demo_box_content">
                                <div class="demo_box_hover">
                                    <p class="demo_box_title">淘宝移动端</p>
                                    <span class="demo_box_hover_icon">
                                        <a href="http://liningyan.oschina.io/taobao" target="_blank" class="demo_box_link">
                                            <img src="img/demo-link.png" alt="" />
                                        </a>
                                    </span>
                                </div>
                                <img src="img/taobao.png" alt="" class="demo_box_bg"/>
                            </div>
                        </li>
                        <li class="demo_scale">
                            <div class="demo_box_content">
                                <div class="demo_box_hover">
                                    <p class="demo_box_title">火盈项目</p>
                                    <span class="demo_box_hover_icon">
                                        <a href="http://liningyan.oschina.io/huoying" target="_blank" class="demo_box_link">
                                            <img src="img/demo-link.png" alt="" />
                                        </a>
                                    </span>
                                </div>
                                <img src="img/huoying.png" alt="" class="demo_box_bg"/>
                            </div>
                        </li>
                    </ul>
                </div> 
            </div>
        </div>
    </div>
    <!-- demo end -->
   <!-- contact -->
    <div class="section five">
        <div id="contact">
            <div id="contact_content">
                <div class="title">
                    <h1>联系我</h1>
                </div>
                <div id="contact_head">
                    <div id="contact_head1">灵感 代码 梦想 未来</div>
                    <div id="contact_head2">
                        <span>inspiration</span>
                        <span>code</span>
                        <span>dream</span>
                        <span>future</span>
                    </div>
                </div>
                <div id="contact_info" class="contact_scale" style="bottom: -200px;">
                     <ul>
                        <li><i class="fa fa-mobile fa-lg"></i>&nbsp;电话:15138243293</li>
                        <li><i class="fa fa-envelope"></i>邮箱:15138243293@163.com</li>
                        <li><i class="fa fa-address-book-o"></i>简历:
                            <a href="./前端工程师-李宁言-个人简历.doc">点击下载</a>
                        </li>
                    </ul>
                    <p>期&nbsp;待&nbsp;与&nbsp;您&nbsp;共&nbsp;事&nbsp;的&nbsp;机&nbsp;会</p>
                </div>
            </div>
        </div>
    </div>
    <!-- contact end -->
</div>
<!-- home page end -->
</body>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cssParser.js"></script>
<script src="js/modalEffects.js"></script>
<script src="js/index.js"></script>
</html>
